﻿/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
@import url(../Scss/MhsIcon.css);
::-webkit-scrollbar {
  padding: 1;
  width: 6px;
  height: 6px; }

::-webkit-scrollbar-track-piece {
  background-color: #fafafa;
  border-radius: 4px; }

::-webkit-scrollbar-thumb {
  background-color: rgba(144, 147, 153, 0.3);
  background-clip: padding-box;
  border-radius: 4px; }

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(144, 147, 153, 0.5); }

.pt-5 {
  padding-top: 5px; }

.pt-10 {
  padding-top: 10px; }

.pt-15 {
  padding-top: 15px; }

.pt-20 {
  padding-top: 20px; }

.pt-25 {
  padding-top: 25px; }

.pb-5 {
  padding-bottom: 5px; }

.pb-10 {
  padding-bottom: 10px; }

.pb-15 {
  padding-bottom: 15px; }

.pb-20 {
  padding-bottom: 20px; }

.pb-25 {
  padding-bottom: 25px; }

.pl-5 {
  padding-left: 5px; }

.pl-10 {
  padding-left: 10px; }

.pl-15 {
  padding-left: 15px; }

.pl-20 {
  padding-left: 20px; }

.pl-25 {
  padding-left: 25px; }

.pr-5 {
  padding-right: 5px; }

.pr-10 {
  padding-right: 10px; }

.pr-15 {
  padding-right: 15px; }

.pr-20 {
  padding-right: 20px; }

.pr-25 {
  padding-right: 25px; }

.mt-5 {
  margin-top: 5px; }

.mt-10 {
  margin-top: 10px; }

.mt-15 {
  margin-top: 15px; }

.mt-20 {
  margin-top: 20px; }

.mt-25 {
  margin-top: 25px; }

.mb-5 {
  margin-bottom: 5px; }

.mb-10 {
  margin-bottom: 10px; }

.mb-15 {
  margin-bottom: 15px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-25 {
  margin-bottom: 25px; }

.ml-5 {
  margin-left: 5px; }

.ml-10 {
  margin-left: 10px; }

.ml-15 {
  margin-left: 15px; }

.ml-20 {
  margin-left: 20px; }

.ml-25 {
  margin-left: 25px; }

.mr-5 {
  margin-right: 5px; }

.mr-10 {
  margin-right: 10px; }

.mr-15 {
  margin-right: 15px; }

.mr-20 {
  margin-right: 20px; }

.mr-25 {
  margin-right: 25px; }

.flex-container {
  display: flex; }
  .flex-container.is-vertical {
    flex-direction: column; }

* {
  box-sizing: border-box; }

body {
  margin: 0;
  padding-top: 80px;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-size: 14px;
  background-color: #e6eaee; }

#main-container {
  flex: 1;
  display: flex;
  flex-direction: column; }

.main-container.is-full-container {
  width: 100%;
  margin: 0 auto; }

.is-top-align {
  margin-top: -80px; }

a {
  color: #00A8E9;
  transition: .5s;
  text-decoration: none;
  cursor: pointer; }
  a:hover {
    color: #0096d0; }
  a:focus {
    outline: none; }

p {
  margin: 0 0 10px;
  font-size: 14px; }

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.el-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-color: #DCDFE6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: .1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px; }
  .el-button + .el-button {
    margin-left: 10px; }
  .el-button.is-round {
    padding: 12px 20px; }
  .el-button.is-block {
    width: 100%; }
  .el-button:hover, .el-button:focus {
    color: #00A8E9;
    border-color: #b3e5f8;
    background-color: #e6f6fd; }
  .el-button:active {
    color: #0097d2;
    border-color: #0097d2;
    outline: none; }
  .el-button::-moz-focus-inner {
    border: 0; }
  .el-button [class*="el-icon-"] + span {
    margin-left: 5px; }
  .el-button.is-plain:hover, .el-button.is-plain:focus {
    background: #FFFFFF;
    border-color: #00A8E9;
    color: #00A8E9; }
  .el-button.is-plain:active {
    background: #FFFFFF;
    border-color: #0097d2;
    color: #0097d2;
    outline: none; }
  .el-button.is-active {
    color: #0097d2;
    border-color: #0097d2; }
  .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
    color: #C0C4CC;
    cursor: not-allowed;
    background-image: none;
    background-color: #FFFFFF;
    border-color: #EBEEF5; }
  .el-button.is-disabled.el-button--text {
    background-color: transparent; }
  .el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
    background-color: #FFFFFF;
    border-color: #EBEEF5;
    color: #C0C4CC; }
  .el-button.is-loading {
    position: relative;
    pointer-events: none; }
    .el-button.is-loading:before {
      pointer-events: none;
      content: '';
      position: absolute;
      left: -1px;
      top: -1px;
      right: -1px;
      bottom: -1px;
      border-radius: inherit;
      background-color: rgba(255, 255, 255, 0.35); }
  .el-button.is-round {
    border-radius: 20px;
    padding: 12px 23px; }
  .el-button.is-circle {
    border-radius: 50%;
    padding: 12px; }
  .el-button--primary {
    color: #FFFFFF;
    background-color: #00A8E9;
    border-color: #00A8E9; }
    .el-button--primary:hover, .el-button--primary:focus {
      background: #33b9ed;
      border-color: #33b9ed;
      color: #FFFFFF; }
    .el-button--primary:active {
      background: #0097d2;
      border-color: #0097d2;
      color: #FFFFFF;
      outline: none; }
    .el-button--primary.is-active {
      background: #0097d2;
      border-color: #0097d2;
      color: #FFFFFF; }
    .el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
      color: #FFFFFF;
      background-color: #80d4f4;
      border-color: #80d4f4; }
    .el-button--primary.is-plain {
      color: #00A8E9;
      background: #e6f6fd;
      border-color: #99dcf6; }
      .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
        background: #00A8E9;
        border-color: #00A8E9;
        color: #FFFFFF; }
      .el-button--primary.is-plain:active {
        background: #0097d2;
        border-color: #0097d2;
        color: #FFFFFF;
        outline: none; }
      .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
        color: #66cbf2;
        background-color: #e6f6fd;
        border-color: #cceefb; }
  .el-button--success {
    color: #FFFFFF;
    background-color: #67C23A;
    border-color: #67C23A; }
    .el-button--success:hover, .el-button--success:focus {
      background: #85ce61;
      border-color: #85ce61;
      color: #FFFFFF; }
    .el-button--success:active {
      background: #5daf34;
      border-color: #5daf34;
      color: #FFFFFF;
      outline: none; }
    .el-button--success.is-active {
      background: #5daf34;
      border-color: #5daf34;
      color: #FFFFFF; }
    .el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
      color: #FFFFFF;
      background-color: #b3e19d;
      border-color: #b3e19d; }
    .el-button--success.is-plain {
      color: #67C23A;
      background: #f0f9eb;
      border-color: #c2e7b0; }
      .el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
        background: #67C23A;
        border-color: #67C23A;
        color: #FFFFFF; }
      .el-button--success.is-plain:active {
        background: #5daf34;
        border-color: #5daf34;
        color: #FFFFFF;
        outline: none; }
      .el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
        color: #a4da89;
        background-color: #f0f9eb;
        border-color: #e1f3d8; }
  .el-button--warning {
    color: #FFFFFF;
    background-color: #E6A23C;
    border-color: #E6A23C; }
    .el-button--warning:hover, .el-button--warning:focus {
      background: #ebb563;
      border-color: #ebb563;
      color: #FFFFFF; }
    .el-button--warning:active {
      background: #cf9236;
      border-color: #cf9236;
      color: #FFFFFF;
      outline: none; }
    .el-button--warning.is-active {
      background: #cf9236;
      border-color: #cf9236;
      color: #FFFFFF; }
    .el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
      color: #FFFFFF;
      background-color: #f3d19e;
      border-color: #f3d19e; }
    .el-button--warning.is-plain {
      color: #E6A23C;
      background: #fdf6ec;
      border-color: #f5dab1; }
      .el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
        background: #E6A23C;
        border-color: #E6A23C;
        color: #FFFFFF; }
      .el-button--warning.is-plain:active {
        background: #cf9236;
        border-color: #cf9236;
        color: #FFFFFF;
        outline: none; }
      .el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
        color: #f0c78a;
        background-color: #fdf6ec;
        border-color: #faecd8; }
  .el-button--danger {
    color: #FFFFFF;
    background-color: #F56C6C;
    border-color: #F56C6C; }
    .el-button--danger:hover, .el-button--danger:focus {
      background: #f78989;
      border-color: #f78989;
      color: #FFFFFF; }
    .el-button--danger:active {
      background: #dd6161;
      border-color: #dd6161;
      color: #FFFFFF;
      outline: none; }
    .el-button--danger.is-active {
      background: #dd6161;
      border-color: #dd6161;
      color: #FFFFFF; }
    .el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
      color: #FFFFFF;
      background-color: #fab6b6;
      border-color: #fab6b6; }
    .el-button--danger.is-plain {
      color: #F56C6C;
      background: #fef0f0;
      border-color: #fbc4c4; }
      .el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
        background: #F56C6C;
        border-color: #F56C6C;
        color: #FFFFFF; }
      .el-button--danger.is-plain:active {
        background: #dd6161;
        border-color: #dd6161;
        color: #FFFFFF;
        outline: none; }
      .el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
        color: #f9a7a7;
        background-color: #fef0f0;
        border-color: #fde2e2; }
  .el-button--info {
    color: #FFFFFF;
    background-color: #909399;
    border-color: #909399; }
    .el-button--info:hover, .el-button--info:focus {
      background: #a6a9ad;
      border-color: #a6a9ad;
      color: #FFFFFF; }
    .el-button--info:active {
      background: #82848a;
      border-color: #82848a;
      color: #FFFFFF;
      outline: none; }
    .el-button--info.is-active {
      background: #82848a;
      border-color: #82848a;
      color: #FFFFFF; }
    .el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
      color: #FFFFFF;
      background-color: #c8c9cc;
      border-color: #c8c9cc; }
    .el-button--info.is-plain {
      color: #909399;
      background: #f4f4f5;
      border-color: #d3d4d6; }
      .el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
        background: #909399;
        border-color: #909399;
        color: #FFFFFF; }
      .el-button--info.is-plain:active {
        background: #82848a;
        border-color: #82848a;
        color: #FFFFFF;
        outline: none; }
      .el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
        color: #bcbec2;
        background-color: #f4f4f5;
        border-color: #e9e9eb; }
  .el-button--medium {
    padding: 10px 24px;
    font-size: 14px;
    border-radius: 4px; }
    .el-button--medium.is-round {
      padding: 10px 24px; }
    .el-button--medium.is-circle {
      padding: 10px; }
  .el-button--small {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 3px; }
    .el-button--small.is-round {
      padding: 9px 15px; }
    .el-button--small.is-circle {
      padding: 9px; }
  .el-button--mini {
    padding: 7px 15px;
    font-size: 12px;
    border-radius: 3px; }
    .el-button--mini.is-round {
      padding: 7px 15px; }
    .el-button--mini.is-circle {
      padding: 7px; }
  .el-button--text {
    border-color: transparent;
    color: #00A8E9;
    background: transparent;
    padding-left: 0;
    padding-right: 0; }
    .el-button--text:hover, .el-button--text:focus {
      color: #33b9ed;
      border-color: transparent;
      background-color: transparent; }
    .el-button--text:active {
      color: #0097d2;
      border-color: transparent;
      background-color: transparent; }
    .el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
      border-color: transparent; }

.el-button-group {
  display: inline-block;
  vertical-align: middle; }
  .el-button-group::before, .el-button-group::after {
    display: table;
    content: ""; }
  .el-button-group::after {
    clear: both; }
  .el-button-group > .el-button {
    float: left;
    position: relative; }
    .el-button-group > .el-button + .el-button {
      margin-left: 0; }
    .el-button-group > .el-button.is-disabled {
      z-index: 1; }
    .el-button-group > .el-button:first-child {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .el-button-group > .el-button:last-child {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
    .el-button-group > .el-button:first-child:last-child {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
      .el-button-group > .el-button:first-child:last-child.is-round {
        border-radius: 20px; }
      .el-button-group > .el-button:first-child:last-child.is-circle {
        border-radius: 50%; }
    .el-button-group > .el-button:not(:first-child):not(:last-child) {
      border-radius: 0; }
    .el-button-group > .el-button:not(:last-child) {
      margin-right: -1px; }
    .el-button-group > .el-button:not(.is-disabled):hover, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):active {
      z-index: 1; }
    .el-button-group > .el-button.is-active {
      z-index: 1; }
  .el-button-group > .el-dropdown > .el-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-color: rgba(255, 255, 255, 0.5); }
  .el-button-group .el-button--primary:first-child {
    border-right-color: rgba(255, 255, 255, 0.5); }
  .el-button-group .el-button--primary:last-child {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .el-button-group .el-button--primary:not(:first-child):not(:last-child) {
    border-left-color: rgba(255, 255, 255, 0.5);
    border-right-color: rgba(255, 255, 255, 0.5); }
  .el-button-group .el-button--success:first-child {
    border-right-color: rgba(255, 255, 255, 0.5); }
  .el-button-group .el-button--success:last-child {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .el-button-group .el-button--success:not(:first-child):not(:last-child) {
    border-left-color: rgba(255, 255, 255, 0.5);
    border-right-color: rgba(255, 255, 255, 0.5); }
  .el-button-group .el-button--warning:first-child {
    border-right-color: rgba(255, 255, 255, 0.5); }
  .el-button-group .el-button--warning:last-child {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .el-button-group .el-button--warning:not(:first-child):not(:last-child) {
    border-left-color: rgba(255, 255, 255, 0.5);
    border-right-color: rgba(255, 255, 255, 0.5); }
  .el-button-group .el-button--danger:first-child {
    border-right-color: rgba(255, 255, 255, 0.5); }
  .el-button-group .el-button--danger:last-child {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .el-button-group .el-button--danger:not(:first-child):not(:last-child) {
    border-left-color: rgba(255, 255, 255, 0.5);
    border-right-color: rgba(255, 255, 255, 0.5); }
  .el-button-group .el-button--info:first-child {
    border-right-color: rgba(255, 255, 255, 0.5); }
  .el-button-group .el-button--info:last-child {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .el-button-group .el-button--info:not(:first-child):not(:last-child) {
    border-left-color: rgba(255, 255, 255, 0.5);
    border-right-color: rgba(255, 255, 255, 0.5); }

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.header-bar {
  z-index: 100000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 30px 0 40px;
  height: 80px;
  background-color: #fff;
  border-bottom: 1px solid #ececec;
  transition: .5s; }

.header-bar-container {
  justify-content: flex-start;
  align-items: stretch;
  height: 100%; }

.header-bar__logo {
  margin-right: 20px;
  align-self: center; }
  .header-bar__logo img {
    height: auto;
    width: 167px; }

.header-bar__nav-container {
  flex: 1;
  height: 100%;
  justify-content: space-between;
  align-items: stretch;
  align-self: auto; }

.header-bar__left-nav {
  justify-content: flex-start;
  align-items: stretch;
  align-self: auto; }

.header-bar__nav-href {
  cursor: pointer;
  color: #707070;
  padding: 0 20px;
  font-size: 16px;
  line-height: 22px;
  align-items: center; }
  .header-bar__nav-href:hover {
    color: #00A8E9; }

.header-bar__nav-button {
  align-self: center;
  font-size: 16px !important; }

.header-bar__user {
  display: flex;
  align-items: center;
  padding: 0 22px;
  position: relative; }

.avatar-wrapper {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  margin-right: 0px;
  padding-bottom: 0px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: .5s;
  box-sizing: content-box; }
  .avatar-wrapper.is-round {
    border-radius: 100%; }

.avatar-wrapper__img-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }

.header-bar__nav-button {
  display: flex;
  align-items: center;
  align-self: center;
  margin-left: 13px;
  font-size: 16px; }

.user-panel {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 30px 20px 20px;
  width: 300px; }
  .user-panel .button-link {
    color: #4a4a4a;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px; }
    .user-panel .button-link:hover {
      color: #4a4a4a;
      background: #f8f8f8; }

.header-bar__dropdown-wrapper {
  top: calc(100% + 12px);
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: 4px; }
  .header-bar__dropdown-wrapper::before {
    top: -8px;
    display: inline-block;
    content: "";
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent; }

.header-bar__dropdown-wrapper, .header-bar__dropdown-wrapper:before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%); }

.user-panel__user-name {
  display: flex;
  margin-top: 15px;
  justify-content: center; }
  .user-panel__user-name a {
    color: #4a4a4a;
    transition: .5s;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600; }
    .user-panel__user-name a:hover {
      color: #00A8E9; }

.user-panel__funds-wrapper {
  margin-top: 10px;
  padding: 10px 0 15px;
  background: #d5f3ff;
  background: rgba(213, 243, 255, 0.2);
  border-radius: 4px; }

.user-panel__deposit {
  font-size: 18px;
  color: #00a8e9;
  text-align: center;
  margin: 0 0 15px;
  line-height: 25px; }

.user-panel__funds-actions {
  display: flex;
  align-items: center;
  justify-content: center; }

.user-panel__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  font-size: 12px; }
  .user-panel__link:not(:first-child) {
    position: relative; }
    .user-panel__link:not(:first-child)::after {
      content: "";
      display: inline-block;
      background: #99ddf6;
      position: absolute;
      width: 1px;
      height: 6px;
      left: 0;
      top: 50%;
      transform: translateY(-50%); }

.user-panel__button {
  padding: 10px 0; }
  .user-panel__button i {
    font-size: 16px;
    margin-right: 10px; }

.collapse {
  transition: height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out; }

.page-footer {
  width: 100%;
  min-width: 1200px;
  background: #fff;
  color: #9b9b9b;
  border-top: 1px solid #ececec; }
  .page-footer hr {
    border: none;
    border-top: 1px solid;
    border-color: #ececec;
    margin: 30px 0 0; }

.page-footer__wrapper {
  width: 960px;
  margin: 0 auto;
  padding: 30px 0; }

.page-footer__nav-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 -30px; }
  .page-footer__nav-list .is-weibo, .page-footer__nav-list .is-weixin {
    font-size: 24px; }
  .page-footer__nav-list .is-weibo .hsb-iconfont {
    font-size: 20px; }
  .page-footer__nav-list .is-weixin .hsb-iconfont {
    font-size: 24px; }
  .page-footer__nav-list a, .page-footer__nav-list span {
    padding: 0 30px;
    color: #9b9b9b; }
    .page-footer__nav-list a:hover, .page-footer__nav-list span:hover {
      color: #00a8e9;
      cursor: pointer; }

.page-footer__link-list {
  font-size: 12px;
  margin-top: 20px;
  display: flex; }
  .page-footer__link-list a {
    padding: 0 47px 0 47px;
    border-right: 1px solid #ececec;
    color: #9b9b9b; }
    .page-footer__link-list a:hover {
      color: #00a8e9; }
    .page-footer__link-list a:first-child {
      padding-left: 0; }
    .page-footer__link-list a:last-child {
      padding-right: 0;
      border-right: none; }

.page-footer__copyright {
  display: flex;
  align-items: center;
  font-size: 12px;
  margin-top: 20px; }

.page-footer__copyright-body {
  border-right: 1px solid #ececec;
  padding-right: 45px; }

.page-footer__copyright-records {
  display: flex;
  align-items: center;
  padding-left: 44px;
  padding-right: 10px; }
  .page-footer__copyright-records a {
    color: #9b9b9b;
    transition: .5s;
    cursor: pointer; }
    .page-footer__copyright-records a:hover {
      color: #00a8e9; }

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
@font-face {
  font-family: 'element-icons';
  src: url("../Scss/fonts/element-icons.woff") format("woff"), url("../Scss/fonts/element-icons.ttf") format("truetype");
  /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  font-weight: normal;
  font-display: "auto";
  font-style: normal; }

[class^="el-icon-"], [class*=" el-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'element-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.el-icon-ice-cream-round:before {
  content: "\e6a0"; }

.el-icon-ice-cream-square:before {
  content: "\e6a3"; }

.el-icon-lollipop:before {
  content: "\e6a4"; }

.el-icon-potato-strips:before {
  content: "\e6a5"; }

.el-icon-milk-tea:before {
  content: "\e6a6"; }

.el-icon-ice-drink:before {
  content: "\e6a7"; }

.el-icon-ice-tea:before {
  content: "\e6a9"; }

.el-icon-coffee:before {
  content: "\e6aa"; }

.el-icon-orange:before {
  content: "\e6ab"; }

.el-icon-pear:before {
  content: "\e6ac"; }

.el-icon-apple:before {
  content: "\e6ad"; }

.el-icon-cherry:before {
  content: "\e6ae"; }

.el-icon-watermelon:before {
  content: "\e6af"; }

.el-icon-grape:before {
  content: "\e6b0"; }

.el-icon-refrigerator:before {
  content: "\e6b1"; }

.el-icon-goblet-square-full:before {
  content: "\e6b2"; }

.el-icon-goblet-square:before {
  content: "\e6b3"; }

.el-icon-goblet-full:before {
  content: "\e6b4"; }

.el-icon-goblet:before {
  content: "\e6b5"; }

.el-icon-cold-drink:before {
  content: "\e6b6"; }

.el-icon-coffee-cup:before {
  content: "\e6b8"; }

.el-icon-water-cup:before {
  content: "\e6b9"; }

.el-icon-hot-water:before {
  content: "\e6ba"; }

.el-icon-ice-cream:before {
  content: "\e6bb"; }

.el-icon-dessert:before {
  content: "\e6bc"; }

.el-icon-sugar:before {
  content: "\e6bd"; }

.el-icon-tableware:before {
  content: "\e6be"; }

.el-icon-burger:before {
  content: "\e6bf"; }

.el-icon-knife-fork:before {
  content: "\e6c1"; }

.el-icon-fork-spoon:before {
  content: "\e6c2"; }

.el-icon-chicken:before {
  content: "\e6c3"; }

.el-icon-food:before {
  content: "\e6c4"; }

.el-icon-dish-1:before {
  content: "\e6c5"; }

.el-icon-dish:before {
  content: "\e6c6"; }

.el-icon-moon-night:before {
  content: "\e6ee"; }

.el-icon-moon:before {
  content: "\e6f0"; }

.el-icon-cloudy-and-sunny:before {
  content: "\e6f1"; }

.el-icon-partly-cloudy:before {
  content: "\e6f2"; }

.el-icon-cloudy:before {
  content: "\e6f3"; }

.el-icon-sunny:before {
  content: "\e6f6"; }

.el-icon-sunset:before {
  content: "\e6f7"; }

.el-icon-sunrise-1:before {
  content: "\e6f8"; }

.el-icon-sunrise:before {
  content: "\e6f9"; }

.el-icon-heavy-rain:before {
  content: "\e6fa"; }

.el-icon-lightning:before {
  content: "\e6fb"; }

.el-icon-light-rain:before {
  content: "\e6fc"; }

.el-icon-wind-power:before {
  content: "\e6fd"; }

.el-icon-baseball:before {
  content: "\e712"; }

.el-icon-soccer:before {
  content: "\e713"; }

.el-icon-football:before {
  content: "\e715"; }

.el-icon-basketball:before {
  content: "\e716"; }

.el-icon-ship:before {
  content: "\e73f"; }

.el-icon-truck:before {
  content: "\e740"; }

.el-icon-bicycle:before {
  content: "\e741"; }

.el-icon-mobile-phone:before {
  content: "\e6d3"; }

.el-icon-service:before {
  content: "\e6d4"; }

.el-icon-key:before {
  content: "\e6e2"; }

.el-icon-unlock:before {
  content: "\e6e4"; }

.el-icon-lock:before {
  content: "\e6e5"; }

.el-icon-watch:before {
  content: "\e6fe"; }

.el-icon-watch-1:before {
  content: "\e6ff"; }

.el-icon-timer:before {
  content: "\e702"; }

.el-icon-alarm-clock:before {
  content: "\e703"; }

.el-icon-map-location:before {
  content: "\e704"; }

.el-icon-delete-location:before {
  content: "\e705"; }

.el-icon-add-location:before {
  content: "\e706"; }

.el-icon-location-information:before {
  content: "\e707"; }

.el-icon-location-outline:before {
  content: "\e708"; }

.el-icon-location:before {
  content: "\e79e"; }

.el-icon-place:before {
  content: "\e709"; }

.el-icon-discover:before {
  content: "\e70a"; }

.el-icon-first-aid-kit:before {
  content: "\e70b"; }

.el-icon-trophy-1:before {
  content: "\e70c"; }

.el-icon-trophy:before {
  content: "\e70d"; }

.el-icon-medal:before {
  content: "\e70e"; }

.el-icon-medal-1:before {
  content: "\e70f"; }

.el-icon-stopwatch:before {
  content: "\e710"; }

.el-icon-mic:before {
  content: "\e711"; }

.el-icon-copy-document:before {
  content: "\e718"; }

.el-icon-full-screen:before {
  content: "\e719"; }

.el-icon-switch-button:before {
  content: "\e71b"; }

.el-icon-aim:before {
  content: "\e71c"; }

.el-icon-crop:before {
  content: "\e71d"; }

.el-icon-odometer:before {
  content: "\e71e"; }

.el-icon-time:before {
  content: "\e71f"; }

.el-icon-bangzhu:before {
  content: "\e724"; }

.el-icon-close-notification:before {
  content: "\e726"; }

.el-icon-microphone:before {
  content: "\e727"; }

.el-icon-turn-off-microphone:before {
  content: "\e728"; }

.el-icon-position:before {
  content: "\e729"; }

.el-icon-postcard:before {
  content: "\e72a"; }

.el-icon-message:before {
  content: "\e72b"; }

.el-icon-chat-line-square:before {
  content: "\e72d"; }

.el-icon-chat-dot-square:before {
  content: "\e72e"; }

.el-icon-chat-dot-round:before {
  content: "\e72f"; }

.el-icon-chat-square:before {
  content: "\e730"; }

.el-icon-chat-line-round:before {
  content: "\e731"; }

.el-icon-chat-round:before {
  content: "\e732"; }

.el-icon-set-up:before {
  content: "\e733"; }

.el-icon-turn-off:before {
  content: "\e734"; }

.el-icon-open:before {
  content: "\e735"; }

.el-icon-connection:before {
  content: "\e736"; }

.el-icon-link:before {
  content: "\e737"; }

.el-icon-cpu:before {
  content: "\e738"; }

.el-icon-thumb:before {
  content: "\e739"; }

.el-icon-female:before {
  content: "\e73a"; }

.el-icon-male:before {
  content: "\e73b"; }

.el-icon-guide:before {
  content: "\e73c"; }

.el-icon-news:before {
  content: "\e73e"; }

.el-icon-price-tag:before {
  content: "\e744"; }

.el-icon-discount:before {
  content: "\e745"; }

.el-icon-wallet:before {
  content: "\e747"; }

.el-icon-coin:before {
  content: "\e748"; }

.el-icon-money:before {
  content: "\e749"; }

.el-icon-bank-card:before {
  content: "\e74a"; }

.el-icon-box:before {
  content: "\e74b"; }

.el-icon-present:before {
  content: "\e74c"; }

.el-icon-sell:before {
  content: "\e6d5"; }

.el-icon-sold-out:before {
  content: "\e6d6"; }

.el-icon-shopping-bag-2:before {
  content: "\e74d"; }

.el-icon-shopping-bag-1:before {
  content: "\e74e"; }

.el-icon-shopping-cart-2:before {
  content: "\e74f"; }

.el-icon-shopping-cart-1:before {
  content: "\e750"; }

.el-icon-shopping-cart-full:before {
  content: "\e751"; }

.el-icon-smoking:before {
  content: "\e752"; }

.el-icon-no-smoking:before {
  content: "\e753"; }

.el-icon-house:before {
  content: "\e754"; }

.el-icon-table-lamp:before {
  content: "\e755"; }

.el-icon-school:before {
  content: "\e756"; }

.el-icon-office-building:before {
  content: "\e757"; }

.el-icon-toilet-paper:before {
  content: "\e758"; }

.el-icon-notebook-2:before {
  content: "\e759"; }

.el-icon-notebook-1:before {
  content: "\e75a"; }

.el-icon-files:before {
  content: "\e75b"; }

.el-icon-collection:before {
  content: "\e75c"; }

.el-icon-receiving:before {
  content: "\e75d"; }

.el-icon-suitcase-1:before {
  content: "\e760"; }

.el-icon-suitcase:before {
  content: "\e761"; }

.el-icon-film:before {
  content: "\e763"; }

.el-icon-collection-tag:before {
  content: "\e765"; }

.el-icon-data-analysis:before {
  content: "\e766"; }

.el-icon-pie-chart:before {
  content: "\e767"; }

.el-icon-data-board:before {
  content: "\e768"; }

.el-icon-data-line:before {
  content: "\e76d"; }

.el-icon-reading:before {
  content: "\e769"; }

.el-icon-magic-stick:before {
  content: "\e76a"; }

.el-icon-coordinate:before {
  content: "\e76b"; }

.el-icon-mouse:before {
  content: "\e76c"; }

.el-icon-brush:before {
  content: "\e76e"; }

.el-icon-headset:before {
  content: "\e76f"; }

.el-icon-umbrella:before {
  content: "\e770"; }

.el-icon-scissors:before {
  content: "\e771"; }

.el-icon-mobile:before {
  content: "\e773"; }

.el-icon-attract:before {
  content: "\e774"; }

.el-icon-monitor:before {
  content: "\e775"; }

.el-icon-search:before {
  content: "\e778"; }

.el-icon-takeaway-box:before {
  content: "\e77a"; }

.el-icon-paperclip:before {
  content: "\e77d"; }

.el-icon-printer:before {
  content: "\e77e"; }

.el-icon-document-add:before {
  content: "\e782"; }

.el-icon-document:before {
  content: "\e785"; }

.el-icon-document-checked:before {
  content: "\e786"; }

.el-icon-document-copy:before {
  content: "\e787"; }

.el-icon-document-delete:before {
  content: "\e788"; }

.el-icon-document-remove:before {
  content: "\e789"; }

.el-icon-tickets:before {
  content: "\e78b"; }

.el-icon-folder-checked:before {
  content: "\e77f"; }

.el-icon-folder-delete:before {
  content: "\e780"; }

.el-icon-folder-remove:before {
  content: "\e781"; }

.el-icon-folder-add:before {
  content: "\e783"; }

.el-icon-folder-opened:before {
  content: "\e784"; }

.el-icon-folder:before {
  content: "\e78a"; }

.el-icon-edit-outline:before {
  content: "\e764"; }

.el-icon-edit:before {
  content: "\e78c"; }

.el-icon-date:before {
  content: "\e78e"; }

.el-icon-c-scale-to-original:before {
  content: "\e7c6"; }

.el-icon-view:before {
  content: "\e6ce"; }

.el-icon-loading:before {
  content: "\e6cf"; }

.el-icon-rank:before {
  content: "\e6d1"; }

.el-icon-sort-down:before {
  content: "\e7c4"; }

.el-icon-sort-up:before {
  content: "\e7c5"; }

.el-icon-sort:before {
  content: "\e6d2"; }

.el-icon-finished:before {
  content: "\e6cd"; }

.el-icon-refresh-left:before {
  content: "\e6c7"; }

.el-icon-refresh-right:before {
  content: "\e6c8"; }

.el-icon-refresh:before {
  content: "\e6d0"; }

.el-icon-video-play:before {
  content: "\e7c0"; }

.el-icon-video-pause:before {
  content: "\e7c1"; }

.el-icon-d-arrow-right:before {
  content: "\e6dc"; }

.el-icon-d-arrow-left:before {
  content: "\e6dd"; }

.el-icon-arrow-up:before {
  content: "\e6e1"; }

.el-icon-arrow-down:before {
  content: "\e6df"; }

.el-icon-arrow-right:before {
  content: "\e6e0"; }

.el-icon-arrow-left:before {
  content: "\e6de"; }

.el-icon-top-right:before {
  content: "\e6e7"; }

.el-icon-top-left:before {
  content: "\e6e8"; }

.el-icon-top:before {
  content: "\e6e6"; }

.el-icon-bottom:before {
  content: "\e6eb"; }

.el-icon-right:before {
  content: "\e6e9"; }

.el-icon-back:before {
  content: "\e6ea"; }

.el-icon-bottom-right:before {
  content: "\e6ec"; }

.el-icon-bottom-left:before {
  content: "\e6ed"; }

.el-icon-caret-top:before {
  content: "\e78f"; }

.el-icon-caret-bottom:before {
  content: "\e790"; }

.el-icon-caret-right:before {
  content: "\e791"; }

.el-icon-caret-left:before {
  content: "\e792"; }

.el-icon-d-caret:before {
  content: "\e79a"; }

.el-icon-share:before {
  content: "\e793"; }

.el-icon-menu:before {
  content: "\e798"; }

.el-icon-s-grid:before {
  content: "\e7a6"; }

.el-icon-s-check:before {
  content: "\e7a7"; }

.el-icon-s-data:before {
  content: "\e7a8"; }

.el-icon-s-opportunity:before {
  content: "\e7aa"; }

.el-icon-s-custom:before {
  content: "\e7ab"; }

.el-icon-s-claim:before {
  content: "\e7ad"; }

.el-icon-s-finance:before {
  content: "\e7ae"; }

.el-icon-s-comment:before {
  content: "\e7af"; }

.el-icon-s-flag:before {
  content: "\e7b0"; }

.el-icon-s-marketing:before {
  content: "\e7b1"; }

.el-icon-s-shop:before {
  content: "\e7b4"; }

.el-icon-s-open:before {
  content: "\e7b5"; }

.el-icon-s-management:before {
  content: "\e7b6"; }

.el-icon-s-ticket:before {
  content: "\e7b7"; }

.el-icon-s-release:before {
  content: "\e7b8"; }

.el-icon-s-home:before {
  content: "\e7b9"; }

.el-icon-s-promotion:before {
  content: "\e7ba"; }

.el-icon-s-operation:before {
  content: "\e7bb"; }

.el-icon-s-unfold:before {
  content: "\e7bc"; }

.el-icon-s-fold:before {
  content: "\e7a9"; }

.el-icon-s-platform:before {
  content: "\e7bd"; }

.el-icon-s-order:before {
  content: "\e7be"; }

.el-icon-s-cooperation:before {
  content: "\e7bf"; }

.el-icon-bell:before {
  content: "\e725"; }

.el-icon-message-solid:before {
  content: "\e799"; }

.el-icon-video-camera:before {
  content: "\e772"; }

.el-icon-video-camera-solid:before {
  content: "\e796"; }

.el-icon-camera:before {
  content: "\e779"; }

.el-icon-camera-solid:before {
  content: "\e79b"; }

.el-icon-download:before {
  content: "\e77c"; }

.el-icon-upload2:before {
  content: "\e77b"; }

.el-icon-upload:before {
  content: "\e7c3"; }

.el-icon-picture-outline-round:before {
  content: "\e75f"; }

.el-icon-picture-outline:before {
  content: "\e75e"; }

.el-icon-picture:before {
  content: "\e79f"; }

.el-icon-close:before {
  content: "\e6db"; }

.el-icon-check:before {
  content: "\e6da"; }

.el-icon-plus:before {
  content: "\e6d9"; }

.el-icon-minus:before {
  content: "\e6d8"; }

.el-icon-help:before {
  content: "\e73d"; }

.el-icon-s-help:before {
  content: "\e7b3"; }

.el-icon-circle-close:before {
  content: "\e78d"; }

.el-icon-circle-check:before {
  content: "\e720"; }

.el-icon-circle-plus-outline:before {
  content: "\e723"; }

.el-icon-remove-outline:before {
  content: "\e722"; }

.el-icon-zoom-out:before {
  content: "\e776"; }

.el-icon-zoom-in:before {
  content: "\e777"; }

.el-icon-error:before {
  content: "\e79d"; }

.el-icon-success:before {
  content: "\e79c"; }

.el-icon-circle-plus:before {
  content: "\e7a0"; }

.el-icon-remove:before {
  content: "\e7a2"; }

.el-icon-info:before {
  content: "\e7a1"; }

.el-icon-question:before {
  content: "\e7a4"; }

.el-icon-warning-outline:before {
  content: "\e6c9"; }

.el-icon-warning:before {
  content: "\e7a3"; }

.el-icon-goods:before {
  content: "\e7c2"; }

.el-icon-s-goods:before {
  content: "\e7b2"; }

.el-icon-star-off:before {
  content: "\e717"; }

.el-icon-star-on:before {
  content: "\e797"; }

.el-icon-more-outline:before {
  content: "\e6cc"; }

.el-icon-more:before {
  content: "\e794"; }

.el-icon-phone-outline:before {
  content: "\e6cb"; }

.el-icon-phone:before {
  content: "\e795"; }

.el-icon-user:before {
  content: "\e6e3"; }

.el-icon-user-solid:before {
  content: "\e7a5"; }

.el-icon-setting:before {
  content: "\e6ca"; }

.el-icon-s-tools:before {
  content: "\e7ac"; }

.el-icon-delete:before {
  content: "\e6d7"; }

.el-icon-delete-solid:before {
  content: "\e7c9"; }

.el-icon-eleme:before {
  content: "\e7c7"; }

.el-icon-platform-eleme:before {
  content: "\e7ca"; }

.el-icon-loading {
  animation: rotating 2s linear infinite; }

.el-icon--right {
  margin-left: 5px; }

.el-icon--left {
  margin-right: 5px; }

@keyframes rotating {
  0% {
    transform: rotateZ(0deg); }
  100% {
    transform: rotateZ(360deg); } }

@keyframes move-arrow {
  0% {
    color: #aaa;
    top: -15px; }
  100% {
    color: #fff;
    top: 0; } }

.hero-unit {
  position: relative;
  background: #000;
  overflow: hidden;
  max-height: calc(100vh - 80px); }
  .hero-unit img {
    display: block;
    width: 100%; }

.hero-unit__mask {
  position: absolute;
  bottom: 0;
  width: 100%;
  pointer-events: none; }

.hero-unit__content {
  position: absolute;
  color: #fff;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center; }
  .hero-unit__content h1 {
    font-size: 34px;
    font-weight: 500;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    letter-spacing: 5px;
    line-height: 1.8; }
  .hero-unit__content p {
    font-size: 18px;
    font-weight: 300;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.95);
    margin: 10px 0; }
  .hero-unit__content div {
    text-align: center; }

.hero-unit__action {
  margin-top: 100px; }
  .hero-unit__action .el-button {
    margin: 0 50px;
    font-size: 20px;
    padding: 20px 80px;
    border-radius: 37px; }

.hero-unit__next-section {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  color: #fff;
  font-weight: 700;
  font-size: 30px;
  cursor: pointer;
  opacity: .8; }
  .hero-unit__next-section i {
    position: relative;
    font-weight: 700;
    animation: move-arrow 1.5s ease-in infinite alternate; }

.landing-page {
  min-width: 1200px;
  background: #fff; }

.landing-page__main {
  width: 100%;
  margin: 0 auto; }

.landing-page__section-wrapper {
  margin: 0 auto;
  padding: 80px 0;
  display: flex;
  justify-content: center; }

.landing-page__title {
  font-weight: 500;
  font-size: 30px;
  margin: 0;
  margin-bottom: 15px;
  color: #4a4a4a;
  text-align: center; }

.landing-page__section {
  width: 1300px; }

.langding-page-artworks {
  width: 100%; }

.landing-page-artworks__label-list {
  font-size: 18px; }
  .landing-page-artworks__label-list span:not(:last-child)::after {
    content: "/";
    margin: 0 5px;
    color: #27282e; }

.landing-page-artworks__main {
  margin-top: 10px;
  position: relative; }

.landing-page-artworks__main-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0) 66%, #fff);
  z-index: 1000;
  pointer-events: none; }

.landing-page-artworks__artwork-list-wrapper {
  position: relative;
  margin: 50px auto;
  width: 70%;
  height: 90px;
  overflow: hidden; }
  .landing-page-artworks__artwork-list-wrapper:hover .landing-page-artworks__left-show, .landing-page-artworks__artwork-list-wrapper:hover .landing-page-artworks__right-show {
    opacity: 1;
    transform: translateX(0) translateY(-50%); }

.landing-page-artworks__artwork-list {
  height: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  position: absolute;
  transition: left .3s; }

.landing-page-artworks__artwork-cell {
  flex: 0 0 80px;
  width: 80px;
  height: 80px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  overflow: hidden;
  transition: .8s ease;
  cursor: pointer; }
  .landing-page-artworks__artwork-cell img {
    width: 100%; }
  .landing-page-artworks__artwork-cell::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
    transition: opacity .3s; }
  .landing-page-artworks__artwork-cell.is-active::after {
    opacity: 0; }
  .landing-page-artworks__artwork-cell:hover::after {
    opacity: 0; }
  .landing-page-artworks__artwork-cell + .landing-page-artworks__artwork-cell {
    margin-left: 20px; }

.landing-page-artworks__left-show, .landing-page-artworks__right-show {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  opacity: 0;
  transition: .3s;
  border-radius: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.4);
  width: 36px;
  height: 36px;
  line-height: 36px; }

.landing-page-artworks__left-show {
  left: 15px;
  transform: translateX(-20px) translateY(-50%); }

.landing-page-artworks__right-show {
  right: 15px;
  transform: translateX(20px) translateY(-50%); }

.landing-page__summary {
  font-size: 18px;
  color: #4a4a4a;
  margin-bottom: 0;
  text-align: center; }
  .landing-page__summary + .landing-page__summary {
    margin-top: 10px; }

.landing-page-summary__screen-wrapper {
  margin: 90px 0; }

.landing-page-summary__screen {
  position: relative; }
  .landing-page-summary__screen img {
    position: relative;
    z-index: 1;
    max-width: 100%; }
  .landing-page-summary__screen video {
    width: 68%;
    position: absolute;
    top: 22px;
    z-index: 0;
    left: 235px; }

.landing-page-summary__advantage {
  max-width: 265px;
  text-align: center; }
  .landing-page-summary__advantage img {
    width: 70%; }
  .landing-page-summary__advantage h3 {
    margin: 45px 0 20px;
    font-size: 20px;
    font-weight: 500; }
  .landing-page-summary__advantage p {
    font-size: 16px; }

.landing-page-comments {
  color: #4a4a4a;
  max-width: 1100px; }

.landing-page-comments__comments-wrapper {
  width: 100%;
  margin: -20px;
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap; }

.landing-page-user {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .landing-page-user img {
    margin-top: 75px;
    max-width: 1000px; }

.landing-page__footer {
  position: relative;
  height: 500px;
  background-size: cover;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .landing-page__footer h1 {
    font-size: 36px;
    font-weight: 400;
    margin: 0;
    margin-bottom: 40px;
    color: #fff; }
  .landing-page__footer a {
    cursor: pointer;
    display: block;
    width: 280px;
    height: 80px;
    background: #00a8e9;
    color: #fff;
    letter-spacing: 2px;
    font-size: 24px;
    line-height: 80px;
    transition: 1s;
    border-radius: 50px; }
    .landing-page__footer a:hover {
      background: #0096d0; }

.device-preview__main {
  display: flex;
  margin-top: 115px; }

.device-preview__img-wrapper {
  position: relative;
  flex: 1;
  margin-right: 20px;
  height: 605px; }
  .device-preview__img-wrapper img {
    width: 100%; }

.device-preview__aside {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin-bottom: 35px; }

.device-preview__preview {
  display: flex;
  color: #4a4a4a;
  position: relative;
  padding: 15px 30px 15px 35px;
  z-index: 1;
  cursor: pointer; }
  .device-preview__preview.is-active .device-preview__preview-background {
    opacity: 1; }
  .device-preview__preview.is-active p {
    height: 60px; }
  .device-preview__preview h3 {
    font-size: 20px;
    margin: 0;
    margin-bottom: 8px; }
  .device-preview__preview p {
    margin: 0;
    white-space: pre-line;
    width: 200px;
    height: 0;
    transition: height .3s;
    overflow: hidden; }

.device-preview__preview-background {
  z-index: -1;
  transition: opacity .3s;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 20px;
  background: linear-gradient(90deg, #d2eefa 0, #edeeff);
  border-radius: 100px;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px; }
  .device-preview__preview-background::before {
    position: absolute;
    top: 50%;
    left: -18px;
    display: inline-block;
    content: "";
    border-top: 20px solid transparent;
    border-right: 20px solid #d2eefa;
    border-bottom: 20px solid transparent;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }

.avatar-wrapper {
  position: relative;
  overflow: hidden;
  margin-right: 10px;
  transition: .5s;
  box-sizing: content-box; }
  .avatar-wrapper.is-round .avatar-wrapper__img-wrapper {
    border-radius: 100%; }
  .avatar-wrapper.is-round img {
    border-radius: 100%; }

.avatar-wrapper__img-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }

.avatar-wrapper__avatar.border {
  border: 1px solid transparent; }

.device-fade-enter-active,
.device-fade-leave-active {
  transition: opacity .5s ease; }

.device-fade-enter-from,
.device-fade-leave-to {
  opacity: 0; }

.carousel {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden; }

.carousel-item {
  position: absolute;
  left: 0;
  overflow: hidden;
  transition: .8s;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0;
  cursor: pointer;
  pointer-events: none; }
  .carousel-item > * {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .8s;
    pointer-events: all;
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.5); }

.carousel-item__img-shadow {
  position: absolute;
  top: 0;
  filter: blur(10px); }

.main-container {
  width: 1200px;
  margin: 60px auto 100px auto;
  flex: 1; }

.comment-cell-wrapper {
  display: flex;
  flex: 0 0 33.3%; }

.comment-cell {
  background: #fff;
  margin: 20px;
  width: 100%;
  height: 500px;
  display: flex;
  flex-direction: column; }

.comment-cell__header {
  padding: 20px;
  border-bottom: 1px solid #ececec;
  position: relative;
  text-align: center; }

.comment-cell__main {
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .comment-cell__main h3 {
    font-size: 14px;
    margin: 0;
    margin-bottom: 10px;
    color: #27282e; }

.comment-cell__role {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #27282e; }

.comment-cell__content {
  color: #707070;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 1px; }
